<!-- 设置常用项目弹框 -->
<div [id]="componentCode + 'Div'" class="componentModal">
	<div class="componentCode">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" (click)="closeCommonItems(false)" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title">设置常用项目</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal" role="form" novalidate="novalidate">
						<div class="row form-horizontal">
							<div style="color:red;margin-bottom: 10px;">说明：设置常用项目后，该部件只展示该项目的详细数据</div>
							<div class="form-group s_fix_select2">
								<div class="col-xs-12">
									<sa-company-tree-checkbox #companyTree wrap="html" [companyTreeId]="componentCode" [Height]="32" [companyValue]="companyArrays" (companySelected)="addCompanySelected($event)" [inputApi]="inputApi" [inputName]="componentCode"></sa-company-tree-checkbox>
								</div>
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" (click)="closeCommonItems(false)">取消</button>
					<button type="button" class="btn btn-primary" (click)="submitCommonItems()">提交</button>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 设置常用项目弹框 结束 -->
<style>
	.componentModal {
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		z-index: 10000;
		background-color: rgba(0, 0, 0, .5);
		display: none;
	}
	.componentCode {
		position: fixed;
		left: 50%;
		top: 30px;
		z-index: 10001;
		margin-left: -200px;
		/* display: none; */
	}
</style>